<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jq.js"></script>
    <script src="../js/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="../style/swiper-bundle.min.css">
    <link rel="stylesheet" href="../style/xuebing.css">
</head>
<body>
    <div class="top">
        <div class="top1">
            <div class="topleft">
                <img src="/img/xuelogo.png" alt="">
                <a href="" class="a1">军事</a>
            </div>
            <div class="topright">
                <img src="/img/xfangdajing.png" alt="">
                <img src="/img/xshantiao.png" alt="">
            </div>
        </div>
    </div>
    <div class="content">
        <div class="left">
            <h2><a href="">军情动态</a></h2>
            <h2><a href="">图说军事</a></h2>
            <h2><a href="">军视速递</a></h2>
            <h2><a href="">军民融合</a></h2>
        </div>
        <div class="right">
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="/img/xbanner1.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="/img/xbanner2.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="/img/xbanner3.jpg" alt=""></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
            <h3 class="h3">最新军事资讯</h3>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>

            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>

            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>

            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>

            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="text">
                <h3>伊朗举行年度大规模军演</h3>
                <span class="span1">央视军事</span>
                <span class="span2">2022-12-31 13:07</span>
            </div>
            <div class="right1">
                <div class="rig1">
                    <h4>军情热点</h4>
                    <a href="">·   大连海事局：渤海海峡黄海北部执行军事任务，禁止驶入</a><br>
                    <a href="">·   俄罗斯外长：伊核协议没有替代方案</a><br>
                    <a href="">·   【2022年终报道】这十大明星装备，今年最“网红”</a>
                </div>
                <div class="rig1">
                    <h4>中国军情</h4>
                    <a href="">·   大连海事局：渤海海峡黄海北部执行军事任务，禁止驶入</a><br>
                    <a href="">·   俄罗斯外长：伊核协议没有替代方案</a><br>
                    <a href="">·   【2022年终报道】这十大明星装备，今年最“网红”</a>
                </div>
                <div class="rig1">
                    <h4>国际军情</h4>
                    <a href="">·   大连海事局：渤海海峡黄海北部执行军事任务，禁止驶入</a><br>
                    <a href="">·   俄罗斯外长：伊核协议没有替代方案</a><br>
                    <a href="">·   【2022年终报道】这十大明星装备，今年最“网红”</a>
                </div>
            </div>
        </div>
    </div>
</body>
<script>        
    var mySwiper = new Swiper ('.swiper', {
      direction: 'horizontal', // 垂直切换选项
      loop: true, // 循环模式选项
      
      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
      },
      
      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      
      // 如果需要滚动条,
    })        
    </script>
</html>